<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    必须引入-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.1.1/socket.io.js"></script>
    <script src="./js/jquery-1.11.3.min.js"></script>
</head>
<body>
    <h2>消息列表</h2>
    <div id="content">

    </div>
    <div>
        <input type="text" id="msg" placeholder="输入问题"/>
        <button id="send">发送</button>
    </div>
<script>
    // 链接socket.io服务器
    var socket = io("http://127.0.0.1:8000")  // 默认会拼接上/socket.io/, 实际访问的路径是http://127.0.0.1:8000/socket.io/
    // 监听服务器广播
    socket.on("reply", function (serverData) {
        $('#content').append("<p>答：" + serverData + "<p>")
    })
    // 客户端给服务器发消息
    $("#send").click(function () {
        var msg = $('#msg').val()
        $('#msg').val("")
        $("#content").append("<p>问：" + msg + "<p>")
        // 给服务器发送消息
        socket.emit("notice", msg)
    })
</script>
</body>
</html>